<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <!--
    table标签：表格标签
        常用属性：
            border属性：定义表格的边框
            width/height属性:定义表格的宽度和高度
            align属性：表格水平对齐的方式:left(默认值)、center、right
            bgcolor属性:背景颜色
            background属性:背景图片
            cellpadding属性:内容与单元格边框之间的距离
            cellspacing属性:单元格与单元格之间的距离

    tr标签：table row行标签
         常用属性:
            align属性：表格水平对齐的方式:left(默认值)、center、right
            valign属性：定义行中文本的的垂直对齐方式，其值有:top、middle、bottom
            bgcolor属性:背景颜色
            background属性:背景图片

    td标签：table data单元格标签
        常用属性:
            align属性：表格水平对齐的方式:left(默认值)、center、right
            valign属性：定义行中文本的的垂直对齐方式，其值有:top、middle、bottom
            bgcolor属性:背景颜色
            background属性:背景图片

        注意：数据写在td标签中
    -->

    <table border="1px" width="800px" height="600px" align="center" bgcolor="yellow" cellpadding="2px"  cellspacing="2px" background="../images/yangmi.png">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr align="right" valign="bottom" bgcolor="cyan" background="../images/03.gif">
            <td>1</td>
            <td>2</td>
            <td align="center" valign="top" bgcolor="pink" background="../images/hudie.png">3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>

    </table>
</body>
</html>